<!-- Balise de commentaires en HTML ! attention c'est visible quand un utilisateur fait F12 ^^ --> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MasterPage</title>
	<link href="../css/principale.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	   <script type="text/javascript" src="../js/mon_script.js"></script>
	   <script type="text/javascript" src="../js/jquery.js"></script>
	   <script type="text/javascript" src="../js/jqueryRotate.js"></script>
</head>
<body>
<header>
	<div id="caroussel-conteneur">
		<img src="../images/header/caroussel_tombRaider.jpg" style="display:block;"/>
		<img src="../images/header/caroussel_baldursGate.jpg"/>
		<img src="../images/header/caroussel_dmc.jpg"/>
		<img src="../images/header/caroussel_full.jpg"/>
		<img src="../images/header/caroussel_gravityRush.jpg"/>
		<img src="../images/header/caroussel_halo4.jpg"/>
		<img src="../images/header/caroussel_joker.jpg"/>
		<img src="../images/header/caroussel_kdHeart.jpg"/>
		<img src="../images/header/caroussel_lol.jpg"/>
		<img src="../images/header/caroussel_queen.jpg"/>
		<img src="../images/header/caroussel_skyrim.jpg"/>
		<img src="../images/header/caroussel_assassinCreed.jpg"/>
		<form id="header-searchform-wrapper-form"></form>
	</div>
	<div class="clear"></div>	
</header>

<!-- Barre de connexion inscription à placement fixe -->
<div id="header-menu-line-warper">
	<div id="header-connexion">
		<a id="header-inscription" href="#">S'inscrire</a>&nbsp;|&nbsp;<a id="header-seConnecter" href="#">Se connecter</a>
	</div>
</div>
<div class="clear"></div>

<div class="container-principal">
	<div class="header-menu">
		<div id="icons-support">
			<a href="#" title="Ps4" class="tooltip"><img src="../images/icones/support/ps4.png"/></a>
			<a href="#" title="Nitendo DS 3D" class="tooltip"><img src="../images/icones/support/Nintendo3DS.png"/></a>
			<a href="#" title="Xbox" class="tooltip"><img src="../images/icones/support/xbox.png"/></a>
			<a href="#" title="Nitendo DS" class="tooltip"><img src="../images/icones/support/ds.png"/></a>
			<a href="#" title="Pc" class="tooltip"><img src="../images/icones/support/pc.png"/></a>
			<a href="#" title="Nes" class="tooltip"><img src="../images/icones/support/NesPad.png"/></a>
	   </div>
	</div>
	<div id="sidebar-float-right">DROITE</div>
	<div id="sidebar-float-left">GAUCHE</div>
	<div id="sidebar-centre">CENTRE</div>
</div>

<div class="clear"></div>
<footer>
	<div id="footer-content">
		<div class="footer-column">
			<p>Le concept</p>
				<ul>
					<li><a href="#">Comment ça marche ?</a></li>
					<li><a href="#">Besoin d'aide ?</a></li>
					<li><a href="#">Conditions Générales d'Utilisations</a></li>
				</ul>
		</div>
		<div class="footer-column">
			<p>A propos</p>
				<ul>
					<li><a href="#">Qui sommes-nous ?</a></li>
					<li><a href="#">Contactez-nous</a></li>
					<li><a href="#">Ils parlent de nous</a></li>
				</ul>
		</div>
		<div class="footer-column">
			<p>suivez nous</p>
				<ul>
					<li><img src="../images/icones/icon_facebook_52x52.png" style="width:30px;height:30px;">
							<a href="https://fr-fr.facebook.com/">&nbsp;&nbsp;Facebook</a>
						</img>
					</li>
					<li><img src="../images/icones/icon_twitter_52x52.png" style="width:30px;height:30px;">
							<a href="https://twitter.com/">&nbsp;&nbsp;Twitter</a>
						</img>
					</li>
					<li><img src="../images/icones/icon_grooveshark_52x52.png" style="width:30px;height:30px;">
							<a href="http://grooveshark.com/">&nbsp;&nbsp;GrooveShark</a>
						</img>
					</li>
				</ul>
		</div>
		<div class="footer-column">
			<p>paiement securisé</p>
				<ul>
					<li><img src="../images/icones/icon-payment.png"></img></li>
				</ul>
					
		</div>
	</div>
</footer>
</body>
</html>
